@import 'scss-imports/variables';

.two-columns {
  border-bottom: 1px solid var(--lines);
  border-top: 1px solid var(--lines);
  display: flex;

  @media (max-width: $breakpoint-tablet) {
    display: block;
  }

  > * {
    display: block;
    width: 50%;

    @media (max-width: $breakpoint-tablet) {
      width: 100%;
    }
  }
}

.card {
  margin-left: auto;
  margin-right: auto;
  max-width: 960px;
}

.add-spn-container {
  display: flex;
  gap: 10px;

  ::ng-deep ix-icon {
    font-size: 25px !important;
  }
}
